@import "hack";

.mySlide {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 499;
  transform: scale(1, 1);
  transform-origin: 100% 100%;
}

.slide_overlay {
  width: 20%;
  height: 100%;
  opacity: 0.37;
  background: black;
}

.slider_content {
  width: 80%;
  box-shadow: -4px 0px 16px rgba(0, 0, 0, .35);
  height: 100%;
  background: #fafafa;
  overflow-y: scroll;
}

.fade-enter-active, .fade-leave-active {
  transition: left .5s, opacity .5s, transform .5s
}

.fade-enter, .fade-leave-to {
  transform: scale(0, 0);
  left: 100%;
  opacity: 0;
}